<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>常用的键盘事件</title>
</head>
<body>
    <!-- onkeyup   某个键盘按键被松开时触发
    onkeydown 某个键盘被按下时触发
    onkeypress某个键盘按键被按下时触发 但它不识别功能键 比如 ctrl shift箭头 -->
    <script>
        // 常用的键盘事件
        // 1 keyup 按键弹起时触发
        // document.onkeyup = function(){
        //     console.log('我弹起了');
        // }
        document.addEventListener('keyup',function(){
            console.log('我弹起了');
        })
        // 2 keydown 按键按下的时候触发
        document.addEventListener('keydown',function(){
            console.log('我放下了');
        })
        // 3 keypress 按键按下的时候触发
        document.addEventListener('keypress',function(){
            console.log('我放下了');
        })

        // 输出顺序  keypress  keydown    keyup 
       
    </script>
</body>
</html>